<template>
	<view class="zxTcEntry alignCen" @tap="showMoreZxTc">
		<view class="tcTjTag">优惠套餐推荐</view>
		<view class="tcNameCon spaceBet">
			<view class="tcName ellip">{{firstTcName}}</view>
			<view class="iconfont icon-gengduo"></view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			firstTcName:String
		},
		methods:{
			showMoreZxTc(){
				this.$emit("showMoreZxTc")
			}
		}
	}
</script>

<style lang="scss" scoped>
	.zxTcEntry{
		$tcColor: #FDAE26;
		height: 80rpx;
		background: #FFF3DD;
		padding: 0 30rpx;
		border-bottom: 1rpx solid #e5e5e5;
		box-shadow: 0 -8rpx 8rpx rgba(0, 0, 0, 0.05);
		.tcTjTag{
			width: 170rpx;
			height: 38rpx;
			line-height: 38rpx;
			border: 1rpx solid #ECAC30;
			border-radius: 8rpx;
			font-size: 22rpx;
			color: $tcColor;
			text-align: center;
			flex-shrink: 0;
			margin-right: 20rpx;
		}
		.tcNameCon{
			flex: 1;
			height: 100%;
			color: $pss-text-color3;
			font-size: 26rpx;
			.tcName{
				width: 500rpx;
			}
			.icon-gengduo{
				width: 10%;
				color: $tcColor;
				font-size: 24rpx;
				flex-shrink: 0;
			}
			&.spaceBet{
				align-items: center;
			}
		}
	}
</style>